<template>
<div class="app-container">
  <el-dialog
    :visible.sync="visible"
    title="提示"
    :content="msg"
    :left="left"
    :right="right">
  </el-dialog>
</div>
</template>

<script>
/* eslint-disable object-property-newline */

// import appHeader from './components/app-header';
// import appFooter from './components/app-footer';

export default {
  name: 'App',
  data() {
    return {
      visible: true,
      msg: '你确定离开当前页面吗?你确定离开当前页面吗?',
      left: { text: '确定', cb: () => {
        console.log('success');
      } },
      right: { text: '取消', cb: () => {
        console.log('fail');
      } },

    };
  },
  methods: {},
};
</script>

<style>
  *{
    margin: 0;
    padding: 0;
  }
  .app-container{
    width: 100vw;
    height: 100vh;
    background:rgba(0,0,0,.2);
  }
</style>
